<!DOCTYPE html>
<html lang="{{constants.Lang}}">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">

    <!-- General CSS Files -->
    <link rel="stylesheet" href="{{constants.StaticPath}}bootstrap-4.3.1/css/bootstrap.min.css" >
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css">

    <!-- CSS Libraries -->
    <link rel="stylesheet" href="{{constants.ThemePath}}assets/css/bootstrap-social.css">

<!--    <link rel="stylesheet" href="{{constants.StaticPath}}libs/select2/dist/css/select2.min.css">-->
<!--    <link rel="stylesheet" href="../node_modules/selectric/public/selectric.css">-->
    <link rel="stylesheet" href="{{constants.ThemePath}}assets/css/bootstrap-timepicker.min.css">
    <link rel="stylesheet" href="{{constants.ThemePath}}assets/css/daterangepicker.css">

    <!-- Template CSS -->
    <link rel="stylesheet" href="{{constants.ThemePath}}assets/css/style.css">
    <link rel="stylesheet" href="{{constants.ThemePath}}assets/css/components.css">

    <link rel="stylesheet" href="{{constants.StaticPath}}appsiteJS/dist/aps.css?q={{random}}" />
    <link rel="stylesheet" href="{{constants.StaticPath}}appsiteJS/dist/icon/a-icon.css?q={{random}}" />

    {{customHeader}}

    <title>{{constants.Title}}</title>

</head>